
@import 'mixin.less';
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
//---------滚动条样式------------
::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track-piece{
    background-color: #f8f8f8;
}
::-webkit-scrollbar-thumb{ //滚动条
    border-radius: 6px;
    background-color: #b9b3b3;
    background-clip: padding-box;
    min-height: 20px;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #8d8888;
};
body{
    // 进度条颜色
    #nprogress {
        .bar {
            background: @maincolor;
        }
        .spinner-icon{
            border-top-color: @maincolor;
            border-left-color: @maincolor ;
        }
    }
    .el-message.el-message--info,
    .el-message.el-message--error,
    .el-message.el-message--warning,
    .el-message.el-message--success{
        background-color:#000000;
        border-color:#000000;
        opacity:0.5;
        color:@fc;
        display: flex;
        justify-content: center;    
        .el-message__content{
            color:@fc;
        }
    }
    .el-message{
        top:50%;
        -webkit-transition: opacity .0s,-webkit-transform .0s;
        transition: opacity .0s,-webkit-transform .0s;
        transition: opacity .0s,transform .0s;
        transition: opacity .0s,transform .0s,-webkit-transform .0s;
    }
    // 解决表格在ie不适配的问题
    .el-table {
        th.gutter,
        colgroup.gutter {
            display: block !important;
            width: 6px !important
        }
    }
    .el-table__header{
        width: 100% !important;
    }
    .el-table__body{
        width: 100% !important;
    }
    .el-table__header{
        .has-gutter{
            .cell{
                font-size: 14px;
                color: @fcb;
                font-weight: bold;
            }
        }
    }
    // -----------------
    // 加载符样式
    .center-loading{
        width: 100px;
        height: 100px;
        border-radius: 10px;
        overflow: hidden;
        .ctp(100px,100px);
        top: 40%;
        .el-loading-spinner {
            top:41%;
            .el-loading-text{
                color: @fc;
            }
            .path{
                stroke: @fc;
            }
        }
    }
    // -------------
    .right-outlogin{
        float: right;
        font-size: 15px;
        cursor: pointer;
        line-height: 35px;
        .add-user{
            display: inline-block;
            margin-right: 3em;
            color: @maincolor;
            i{
            margin-right: 5px;
            }
        }
    }
    .type-top-box{
        background-color: @fc;
        padding:0 10px;
        margin-bottom: 5px;
        .el-form-item--mini.el-form-item, 
        .el-form-item--small.el-form-item{
            margin-bottom: 10px;
        }
    }
    .page-total{
        background-color: @fc;
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        margin-top: 10px;
    }
    // 弹出框样式
    .add-role,
    .role-type,
    .add-usemsg,
    .power-list,
    .add-parduser,
    .add-edit-agent,
    .my-approval-table,
    .addeditdictionary {
        .el-dialog__body{
            padding-top: 0;
            padding-bottom: 10px;
        }
    }
    .add-parduser,
    .add-edit-agent{
        .el-dialog{
            min-width: 440px;
        }
    }
    // 新增部门的弹框样式
    .item-complete{
        line-height: 3em;
        >span{
            display: inline-block;
            min-width: 7em;
        }
        .el-select,
        .el-autocomplete{
            min-width: 300px;
        }
        .right-sing{
            display: inline-block;
            margin-right: 5px;
        }
        .button-new-tag{
            margin-left: 5px;
        }
        .chose-select{
            width: 100%;
        }
    }
}